/* @charset "UTF-8"; */
*{
  margin: 0;
  padding: 0;
}

/* 滚动条 */
body *::-webkit-scrollbar {
  width: 2px;
  height: 10px;
}
/* body *::-webkit-scrollbar-track {
  background: #395dee9c;
  border-radius: 2px;
}
body *::-webkit-scrollbar-thumb {
  background: #1b72e4;
 
  border-radius: 10px;
} */

html,body{
  width: 100%;
  height: 100%;
  
}
div{
  box-sizing: border-box;
  /* overflow-y: scroll; */
  /* overflow-x: scroll; */
}
.font_16 {
  font-size: 16px;
}

.font_14 {
  font-size: 14px;
}

.font_12 {
  font-size: 12px;
}

.font_36 {
  font-size: 36px;
}

.font_26 {
  font-size: 26px;
}

.mr10 {
  margin-right: 10px;
}

.mr5 {
  margin-right: 5px;
}

.ml10 {
  margin-left: 10px;
}

.mt8 {
  margin-top: 8px;
}

.mt10 {
  margin-top: 10px;
}

.ml20 {
  margin-left: 20px;
}

.ml30 {
  margin-left: 30px;
}

.t_a {
  text-align: center;
}

ul {
  list-style: none;
  margin: 0;
}

.cursor_pointer {
  cursor: pointer;
}

/* flx布局样式 */
.flex_start_start {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.flex_start_baseline {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
}

.flex_bw_baseline {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.flex_start_center {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.flex_start_stretch {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}

.flex_end_start {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.flex_end_center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.flex_end_stretch {
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
}

.flex_center_start {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.flex_center_center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex_center_stretch {
  display: flex;
  justify-content: center;
  align-items: stretch;
}

.flex_bw_start {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.flex_bw_end {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.flex_bw_stretch {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.flex_bw_center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.flex_0 {
  flex-shrink: 0;
  flex-grow: 0;
}

.flex_1 {
  flex-shrink: 1;
  flex-grow: 1;
}

.flex_2 {
  flex-shrink: 2;
  flex-grow: 2;
}

.flex_wrap {
  flex-wrap: wrap;
}

.flex_column {
  flex-direction: column;
}

/* 文字溢出隐藏 */
.text_over_1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text_over_2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.text_over_3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.text_over_4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.border {
  padding: 4px;
  background: linear-gradient(to left, #1bf4fc, #1bf4fc) left top no-repeat, linear-gradient(to bottom, #1bf4fc, #1bf4fc) left top no-repeat, linear-gradient(to left, #1bf4fc, #1bf4fc) right top no-repeat, linear-gradient(to bottom, #1bf4fc, #1bf4fc) right top no-repeat, linear-gradient(to left, #1bf4fc, #1bf4fc) left bottom no-repeat, linear-gradient(to bottom, #1bf4fc, #1bf4fc) left bottom no-repeat, linear-gradient(to left, #1bf4fc, #1bf4fc) right bottom no-repeat, linear-gradient(to left, #1bf4fc, #1bf4fc) right bottom no-repeat;
  background-size: 1px 10px, 10px 1px, 1px 10px, 10px 1px;
  border: 1px solid #073f97;
  position: relative;
}

.border .line {
  position: absolute;
  top: 0px;
  left: 20%;
  width: 80%;
  height: 2px;
  background: linear-gradient(to right, transparent 0%, transparent 10%, rgba(85, 229, 255, 0.3) 20%, rgba(85, 229, 255, 0.4) 30%, rgba(85, 229, 255, 0.5) 40%, rgba(85, 229, 255, 0.8) 47%, rgba(245, 255, 255, 0.8) 50%, rgba(85, 229, 255, 0.8) 53%, rgba(85, 229, 255, 0.5) 60%, rgba(85, 229, 255, 0.4) 70%, rgba(85, 229, 255, 0.3) 80%, transparent 90%, transparent 100%);
  z-index: 3;
}

.re {
  position: relative;
}

.ab {
  position: absolute;
}

.bg_main {
  background-color: #112b51;
}

.color_blue1 {
  color: #00aed7;
}

.color_blue2 {
  color: #4cf6f3;
}

.yellow-line {
  display: flex;
  align-items: center;
}

.yellow-dot {
  width: 22px;
  height: 2px;
  background: #EAC782;
}

.green-line {
  height: 1px;
  width: calc(100% - 22px);
  background: #18506F;
}

.color_number {
  margin-right: 12px;
  font-size: 37px;
  font-family: Impact;
  font-weight: 400;
  color: #00deff;
  background: linear-gradient(0deg, #23b0f2 0%, #9bf2ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


@font-face {
  font-family: electronicFont;
  src: url('../assets/font/DS-DIGIT.TTF')
}

 @font-face {
  font-family: menuFamily;
  src: url('../assets/font/MFYueHei_Noncommercial-Regular.otf')
}

@font-face {
  font-family: headerFamily;
  src: url('../assets/font/方正正大黑简体.TTF')
}

@font-face {
  font-family: roboto;
  src: url('../assets/font/ROBOTO-REGULAR.TTF')
}
/*
@font-face {
  font-family: alibaba;
  src: url('../assets/font/ALIBABA-PUHUITI-BOLD.OTF')
} */
